<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>Document</title>
		<style>
			div {
				width: 300px;
				height: 40px;
				border: 1px solid pink;
				text-align: center;
				line-height: 40px;
			}
		</style>
	</head>

	<body>
		<div></div>

		<script>
			let date = new Date();
			// 实现电子时间效果，在div里显示 现在是2024年11月21日 10:12:07 格式的时间

			// 年
			let year = date.getFullYear();
			// 月  从0-11
			let month =
				date.getMonth() < 10
					? "0" + date.getMonth()
					: date.getMonth() + 1;
			// 日
			let day =
				date.getDate() < 10 ? "0" + date.getDate() : date.getDate();
			// 时
			let h =
				date.getHours() < 10 ? "0" + date.getHours() : date.getHours();
			// 分
			let m =
				date.getMinutes() < 10
					? "0" + date.getMinutes()
					: date.getMinutes();
			// 秒
			let s =
				date.getSeconds() < 10
					? "0" + date.getSeconds()
					: date.getSeconds();

			document.querySelector(
				"div"
			).innerHTML = `${year}年${month}月${day}日 ${h}:${m}:${s}`;
		</script>
	</body>
</html>
